<template>
  <div class="header">
    <HeadLogo />
    <RankHead v-if="head.toggle" :title="head.title" :cStyle="head.style" />
    <HeadNav v-else />
  </div>
</template>

<script>
import HeadLogo from "./HeadLogo";
import HeadNav from "./HeadNav";
import RankHead from "./RankHead";
import { mapGetters } from "vuex";
export default {
  name: "Header",
  computed: {
    ...mapGetters(["head"])
  },
  components: { HeadLogo, HeadNav, RankHead }
};
</script>
